<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../styles/style.css">
</head>
<body>
<div class="linkto">
    <a href="#link_cpu">总CPU</a>
    <a href="#link_memory">总内存</a>
    <a href="#link_storages">总存储</a>
</div>
<div name="link_cpu">
link_cpu
</div>
<div name="link_memory">
link_cpu
</div>
<div name="link_storages">
link_cpu
</div>
<div class="shutiao"></div>
<script src="../../node_modules/jquery/dist/jquery.min.js"></script>
<script>
    var a1 = new Date()
    for(var i=0;i<2600;i++){
        $('.shutiao').append('<span class="tiaozhuang"></span>')
    }
    var a2=new Date();
    console.log(a2.getTime()-a1.getTime())
    var a3=new Date();
    var htmltext='';
    for(var i=0;i<2600;i++){
       htmltext += '<span class="tiaozhuang"></span>';
    }
    $('.shutiao').html(htmltext)
    var a4=new Date();
    console.log(a4.getTime()-a3.getTime())

</script>
</body>
</html>